@CHARSET "UTF-8";
#sidebar {
    width:200px;
    float:left;
    margin:10px 0 0 0;
}
#sidebar h2 {
    height:34px;
    line-height:34px;
    padding-left:25px;
    background:url(../images/h2_bg.png) no-repeat left center;
    font-size:12px;
    color:#56A5EE;
    
}
#sidebar ul {
    border:1px solid #C5E4FF;
    border-top:none;
    padding:10px;
    padding-left:30px;
}
#sidebar ul li {
    background:url(../images/sidebar_line.png) no-repeat left center;
    padding-left:25px;
    height:20px;
    line-height:20px;
}
#sidebar ul li a {
   color:#369;
   text-decoration:none; 
}
#sidebar ul li a:hover {
    text-decoration:underline;
    color:#c30;
}
#sidebar ul li a span.gray {
    color:gray;
}
#sidebar div {
    border:1px solid #C5E4FF;
    border-top:none;
}
#sidebar div dl {
    color:#666;
    padding:10px;
}
#sidebar div dl dt img {
    display:block;
    border:1px solid #ccc;
    margin:0 auto; 
}
#sidebar div dl dd {
    padding:5px 0 0 0;
    
}
#sidebar div dl dd.title {
    padding:5px 0 0 5px;
}
#sidebar div dl dd.title a{
    color:#666;
}
#sidebar div dl dd.price {
    font-size:14px;
    font-family:Tahoma;
    font-weight:bold;
    text-align:center;
}
#sidebar div p {
    text-align:right;
    padding:0 15px 10px 0;
}
#main {
    width:785px;
    float:right;
    margin:10px 0 0 0;
}
#main h2 {
    height:34px;
    line-height:34px;
    padding-left:25px;
    background:url(../images/list_h2_bg.png) no-repeat left center;
    font-size:12px;
    color:#56A5EE;
}
#main div.pro {
    height:1129px;
}
#main div.filter,#main div.pro {
    margin:0 0 10px 0;
    border:1px solid #C5E4FF;
    border-top:none;
}
#main div.filter p{
    padding:10px;
    color:#333;
}
#main div.filter p span{
    background:#C5E4FF;
    padding:5px 5px;
}
#main div.filter p a {
    padding:5px 5px;
}
#main div.filter p a:hover {
    color:#f60;
}
#main div.pro img {
    display:block;
}
#main div.pro dl {
    width:224px;
    float:left;
    margin:15px 0 0 28px;
}
#main div.pro dl dt{
    width:224px;
    height:224px;
    border:1px solid #C5E4FF;
} 
#main div.pro dl dt img{
    margin:2px 0 0 2px;
}
#main div.pro dl dd {
    padding:8px 0 0 0;
}
#main div.pro dl dd.price strong {
    font-size:16px;
    color:red;
    font-family:Tahoma;
}
#main div.pro dl dd.price del {
    color:#999;
}
#main div.pro dl dd.title {
    font-size:15px;
}
#main div.pro dl dd.commend {
    text-align:center;
}
#main div.pro dl dd.commend a{
   color:maroon; 
}
#main div.pro dl dd.buy {
    color:#369;
    text-align:center;
}
#main div.pro dl dd.buy a{
    color:#369;
}
#main form {
    width:350px;
    margin:0 auto;
}
#main form dl {
    margin:10px 0;
}
#main form dl dd {
    margin:5px 0;
}
#main form dl dd.address {
    width:600px;
}
#main form dl dd input.text{
    width:200px;
    height:20px;
    border:1px solid #666;
    background:#fff;
}
#main form dl dd input.submit {
    width:139px;
    height:21px;
    background:url(../images/address.gif) no-repeat;
    border:none;
    margin:5px 0 0 60px;
    cursor:pointer;
}
table {
    width:100%;
    margin:10px 0;
    background:#5CB4E6;
}
table caption {
    font-size:14px;
    font-weight:bold;
    margin:5px 0;
    color:#026ACB;
}
table th,table td {
    background:#fff;
    height:25px;
    line-height:25px;
    font-weight:normal;
}
table th.th {
    width:66px;
}
table td {
    text-align:center;
}
table td.price {
    color:red;
    font-family:Tahoma;
}
table td.left {
    text-align:left;
}
table td.left textarea{
    width:350px;
    height:80px;
    background:#fff;
}
table input.small {
    width:33px;
    text-align:center;
    font-weight:bold;
    border:1px solid #999;
}
.commend {
    margin:10px 0;
    
}
.commend img {
    display:block;
    float:left;
    border:1px solid #ccc;
}
.commend dl {
    float:left;
    padding:0 10px;
}
.commend dl dt {
    font-size:14px;
}
.commend dl dd {
    padding:10px 0;
    color:#666;
}
.commend dl dd textarea {
    width:380px;
    height:75px;
    background:#fff;
    border:1px solid #ccc;
    font-size:13px;
}
.commend span.star {
    color:#f60;
}
.mycommend {
    width:785px;
    margin:10px 0;
    border-bottom:1px dashed #ccc;
    font-size:14px;
    float:left;
}
.mycommend img {
    width:150px;
    height:150px;
    margin:10px 0;
    margin-right:10px;
    float:left;
}
.mycommend p {
    padding:0 0 10px 0;
}
.mycommend .attr {
    color:#666;
}
.mycommend em {
    float:right;
    color:#666;
    font-style:normal;
}
.star {
    color:#f60;
}

